<script setup lang="ts">
import { useSettingstore } from '@/stores/setting.ts'
const usesetting = useSettingstore()
//@ts-ignore
import Menu from '@/views/home/components/Menu.vue'
//@ts-ignore
import { useUserstore } from '@/stores/userStore.ts'
const useuser = useUserstore()
import { useRoute } from 'vue-router'
const route = useRoute()
</script>

<template>
  <el-scrollbar class="scroll">
    <el-menu
      :collapse="usesetting.isfold"
      background-color="#001529"
      text-color="white"
      class="el-menu"
      :router="true"
      active-text-color="yellowgreen"
      :default-active="route.path"
    >
      <Menu :Menulist="useuser.userInfo.menuRouter"></Menu>
    </el-menu>
  </el-scrollbar>
</template>

<style scoped lang="scss">
.scroll {
  height: calc(100vh - $base-logo-height);
  .el-menu {
    border-right: none;
  }
}
</style>
